<div class="main-container">
    <div nz-row nzGutter="10" nzType="flex">
        <div class="left-panel gutter-row">
            <nz-card [nzBordered]="false" [nzTitle]="selectTitleTemp" class="left-card">
                <ng-template #selectTitleTemp>
                    <img src="./assets/images/searchMaintain/select-icon.png" alt=""/>
                    <span style="margin-left: 5px">多级筛选</span>
                </ng-template>
                <div class="radio-container">
                    <!--<nz-checkbox-group [(ngModel)]="mngType"-->
                                       <!--(ngModelChange)="checkboxChanged()"-->
                                       <!--class="checkbox-group">-->
                    <!--</nz-checkbox-group>-->
                    <span>管理机构</span>
                    <nz-cascader  [(ngModel)]="mngSelected"
                                  [nzLoadData]="loadData.bind(this)"
                                  [nzChangeOnSelect]="true"
                                  (ngModelChange)="onChangeMng($event)"></nz-cascader>
                </div>

                <!--<div class="radio-container">-->
                    <!--&lt;!&ndash;<nz-checkbox-group [(ngModel)]="areaType"&ndash;&gt;-->
                                       <!--&lt;!&ndash;(ngModelChange)="checkboxChanged()"&ndash;&gt;-->
                                       <!--&lt;!&ndash;class="checkbox-group">&ndash;&gt;-->
                    <!--&lt;!&ndash;</nz-checkbox-group>&ndash;&gt;-->
                    <!--<span>行政区域</span>-->
                    <!--<nz-cascader  [(ngModel)]="regionSelected"-->
                                  <!--[nzOptions]="regions"-->
                                  <!--[nzChangeOnSelect]="true"-->
                                  <!--(ngModelChange)="onChangeRegion($event)"></nz-cascader>-->
                <!--</div>-->

                <!--<div class="radio-container">-->
                    <!--<nz-checkbox-group [(ngModel)]="canalType"-->
                                       <!--(ngModelChange)="checkboxChanged()"-->
                                       <!--class="checkbox-group">-->
                    <!--</nz-checkbox-group>-->
                <!--</div>-->

            </nz-card>

            <div class="tree-content">
                <nz-card [nzBordered]="false" [nzTitle]="objTitleTemp" class="left-card">
                    <ng-template #objTitleTemp>
                            <img src="./assets/images/searchMaintain/obj-icon.png" alt=""/>
                            <span style="margin-left: 5px">对象选择</span>
                    </ng-template>
                    <div>
                        <nz-tree
                            #objTreeComponent
                            [nzData]="objNodes"
                            [nzTreeTemplate]="nzTreeTemplate"
                            [nzSelectedKeys]="[currentNode]"
                            (nzExpandChange)="onExpand($event)"
                            (nzClick)="nzClick($event)">
                            <ng-template #nzTreeTemplate let-node>
                            <span [ngClass]="{'ant-tree-switcher-line-icon': node.isLeaf}">
                                  <span class="node-name">{{ node.title }}</span>
                            </span>
                            </ng-template>
                        </nz-tree>
                    </div>
                </nz-card>
            </div>

        </div>
        <div class="main-box">
            <ng-container
                *ngComponentOutlet="compsHash[currentNode]['comp']; injector: getInjector(currentNode)"></ng-container>
        </div>
    </div>
</div>
